<!--
  Generated template for the TransferRecordsPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

    <ion-toolbar content-page class="fir-toolbar">
        <ion-buttons start>
            <button ion-button icon-only (click)="goBack()">
                <i class="toolbar-back"></i>
            </button>
        </ion-buttons>
        <ion-title>
            银行转账记录
        </ion-title>
        <ion-buttons end>
            <button ion-button icon-only adpmenutoggle>
                <i class="toolbar-menu"></i>
            </button>
        </ion-buttons>
    </ion-toolbar>

</ion-header>


<ion-content>
    <time-filter (query)="filter()" [(startDate)]="startFilterDate" [(endDate)]="endFilterDate"
                 [style.borderBottom]="(displayTransferList==null||displayTransferList.length==0)?'0.55px solid #f4f4f4':'none'"></time-filter>

    <ion-list *ngFor="let record of displayTransferList;let i=index">
        <div class="ion-list-header">
            <span>{{record.year}}年</span>
            <img groupShowOrHide
                 [src]="i==0?'./assets/images/policy/arrow-up.png':'./assets/images/policy/arrow-d.png'" alt="">
        </div>
        <div [style.display]="i==0?'block':'none'">
            <div class="data-info" *ngFor="let transferRecord of record.transferRecords;index as j">
                <ion-item [ngClass]="{'no-border':((i < (displayTransferList.length-1)) && (j == (record.transferRecords.length-1)))}">
                    <p>
                        <span>{{transferRecord.transferName}}</span>
                        <span>{{transferRecord.transferDate*1000|myDate:'YYYY/MM/DD'}}</span>
                    </p>
                    <p>
                        <span>{{transferRecord.transferAmount|number:'1.2-2'}}</span>
                        <span [style.color]="transferRecord.transferStatus!='失败'?'':'#da5c56'" style="white-space:pre-wrap;">{{transferRecord.transferStatus}}{{transferRecord.transferFailedDesc=='-'?'':('-'+transferRecord.transferFailedDesc)}}</span>
                    </p>
                </ion-item>
            </div>

        </div>

    </ion-list>


    <div *ngIf="(!displayTransferList || displayTransferList.length === 0) && isLoaded" class="no-data">
        <div class="no-data-img"><img src="./assets/images/common/icon_nodata.png"></div>
        <div class="no-data-txt">没有相关数据</div>
    </div>
</ion-content>
